<!DOCTYPE html>
<style>
    #block {
        font-family: sans-serif;
        display: block;
        margin: 10px;
        width: 400px;
        height: 60px;
        border: 1px solid black;
        backface-visibility: hidden;
        position: relative;
        left: 10px;
    }
</style>
<script src="../resources/text-based-repaint.js"></script>
<script>
    function repaintTest()
    {
        document.body.offsetTop;
        var div = document.getElementById("block");
        div.style.left = '50px';
    }
    window.onload = runRepaintAndPixelTest;
</script>
<div id="block">When this layer moves it shouldn't generate a repaint rect.</div>
